<template>
  <div class="allOrderContainer">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column type="index" label="编号" width="50"></el-table-column>
      <el-table-column prop="iconImg" width="110" header-align="center">
        <template slot="header">
          <span style="float: left">添加行</span>
          <i
            class="el-icon-circle-plus-outline"
            style="font-size: 22px; margin: 0px 0 0 8px"
          ></i>
        </template>
        <template slot-scope="scope">
          <span
            v-if="scope.row.amountImg"
            class="el-icon-remove-outline"
            style="font-size: 22px; margin: 0px 0 0 20px; color: red"
          ></span>
        </template>
      </el-table-column>
      <el-table-column prop="iconImg" label="折扣/上浮条件" header-align="center">
        <el-table-column prop="minprice" label="产品类型" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[0]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="Firstweight" label="运输方式" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[1]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="fistprice" label="送货方式" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[2]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="发货人" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[3]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="重量范围" width="180">
          <template slot-scope="scope">
            <span class="span1"
              ><el-input v-model="scope.row[4]"></el-input
            ></span>
            <span class="span2">--</span>
            <span class="span3"
              ><el-input v-model="scope.row[5]"></el-input
            ></span>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="体积范围" width="180">
          <template slot-scope="scope">
            <span class="span1"
              ><el-input v-model="scope.row[6]"></el-input
            ></span>
            <span class="span2">--</span>
            <span class="span3"
              ><el-input v-model="scope.row[7]"></el-input
            ></span>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="件数范围" width="180">
          <template slot-scope="scope">
            <span class="span1"
              ><el-input v-model="scope.row[8]"></el-input
            ></span>
            <span class="span2">--</span>
            <span class="span3"
              ><el-input v-model="scope.row[9]"></el-input
            ></span>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="出发网点" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[10]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="目的网点" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[11]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="温层" width="180">
          <template slot-scope="scope">
            <el-select v-model="scope.row[12]"></el-select>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="货物名称" width="180">
          <template slot-scope="scope">
            <el-input v-model="scope.row[13]"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="contprice" label="货物包装" width="180">
          <template slot-scope="scope">
            <el-input v-model="scope.row[14]"></el-input>
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column label="折扣/上浮规则" header-align="center">
        <el-table-column prop="fistparty" label="折扣/上浮名称" width="260">
          <template slot-scope="scope">
            <el-input v-model="scope.row[15]"></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="fistpriceTwo" label="折扣/上浮系数" width="150">
          <template slot-scope="scope">
            <el-input v-model="scope.row[16]"></el-input>
          </template>
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "discountpage",
  components: {},
  data() {
    return {
      tableData1: [
        {
          amountImg: true,
          startregion: "",
          endregion: "",
          minprice: "",
          Firstweight: "",
          fistprice: "",
          contprice: "",
          fistparty: "",
          fistpriceTwo: "",
          contpriceTwo: "",
          maxprice: "",
        },
        {
          amountImg: true,
          startregion: "",
          endregion: "",
          minprice: "",
          Firstweight: "",
          fistprice: "",
          contprice: "",
          fistparty: "",
          fistpriceTwo: "",
          contpriceTwo: "",
          maxprice: "",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.allOrderContainer {
  padding: 0px 5px;
  background-color: #fff;
  height: calc(100vh - 14.8vh);
  
  span {
    display: block;
    float: left;
    width: 45%;
  }
  .span2 {
    width: 10%;
  }
}
</style>